<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    p {
      font-size: 16px;
      line-height: 1;
      margin-top: 10px;
      margin-bottom: 15px;
    }
  </style>
  <body>
    <h2>如下代码，AAA 和 BBB 之间的距离是多少？</h2>
    <p>AAA</p>
    <p></p>
    <p></p>
    <p></p>
    <p>BBB</p>
    <h2>他们的距离是15px 空元素p的高度为0, AAA和BBB的距离，仅仅由AAA的下边距决定</h2>
  </body>
</html>
